<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <style>
        .list{
            width: 50%;
        }
        .list li{
            font-size: 18px;
            margin-bottom: 5px;
        }
    </style>
</head>
<body>
    <jsp:include page="head.jsp"></jsp:include>

    <div>
        <div>
            <ul class="list fl" id="list">
            </ul>
            <ul class="list fr" id="listRight">
            </ul>
<%--            <ul class="list fl">--%>
<%--                <li><a href="">吉房出租/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">吉房出租/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">整租 | 出租 汽车站韩乐坊附近 万象城 精装 两室 家居家电/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">整租 | 新房首租 华发4期 精装3室2卫 屋内配套齐全 多套/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">吉房出租/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">整租 | 海景房春天花园3室2厅2卫精装拎包入住/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">整租 | 市立医院 统一路小学城里中学对面 龙脉豪苑小区/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">吉房出租/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">吉房出租/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">吉房出租/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">整租 | 出租 汽车站韩乐坊附近 万象城 精装 两室 家居家电/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">整租 | 新房首租 华发4期 精装3室2卫 屋内配套齐全 多套/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">吉房出租/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">整租 | 海景房春天花园3室2厅2卫精装拎包入住/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">整租 | 市立医院 统一路小学城里中学对面 龙脉豪苑小区/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">整租 | 莱茵小镇多层三楼东边户，98平，三室两厅一卫/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">吉房出租/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">整租 | 西海湾花园电梯两室精装修带空调1400/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">吉房出租/整租/10层/1600元（月）</a></li>--%>
<%--                <li><a href="">整租 | 百度城二期新出好房 近韩乐坊 长峰 拎包入住密码锁/整租/10层/1600元（月）</a></li>--%>
<%--            </ul>--%>
        </div>
        <div class="clear"></div>
        <div>
            <div class="easyui-panel">
                <div id="page" class="easyui-pagination"></div>
            </div>
        </div>
    </div>


    <script>
        var initPageSize = 40;
        var initPageNumber = 1;

        $(function(){
            list(initPageNumber, initPageSize);
        });

        $('#page').pagination({
            pageSize: initPageSize,    /* 初始的页大小 */
            pageNumber: initPageNumber,  /* 初始的页码 */
            total: ${leaseCount},    /* 同步方法，获取表的记录数 */
            layout:['first','prev','links','next','last'],
            onSelectPage: function(pageNumber, pageSize) {
                list(pageNumber, pageSize);
            }
        });

        function list(pageNumber, pageSize) {
            console.log("页码：" + pageNumber + '，条数：' + pageSize);

            $.ajax({
                url: "/lease/public/findByPage",
                type: "POST",
                dataType: "json",
                data: {
                    pageNumber: pageNumber,
                    pageSize: pageSize
                },
                success: function(result) {
                    console.log(result);

                    if(result.success) {
                        let htmlLeft = '';
                        let htmlRight = '';
                        $.each(result.data, function(index, data) {
                            if(index >= 20) {
                                htmlRight = htmlRight + '<li><a href="/lease/public/detail/' + data.id + '">' + data.title + '/' + data.house.floor + '层/' + data.price + '元（月）</a></li>';
                            } else {
                                htmlLeft = htmlLeft + '<li><a href="/lease/public/detail/' + data.id + '">' + data.title + '/' + data.house.floor + '层/' + data.price + '元（月）</a></li>';
                            }
                        });

                        $("#list").html(htmlLeft);
                        $("#listRight").html(htmlRight);
                    } else {
                        top.$.messager.show({
                            title: 'Error',
                            msg: '网络错误'
                        });
                    }

                }
            });
        }


    </script>
</body>
</html>